<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="wap-font-scale" content="no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>主页</title>
    <link rel="stylesheet" href="js/mui/css/mui.min.css"/>
    <link rel="stylesheet" href="css/userInfo.css"/>
</head>
<body>
<div class="main-page">
    <div class="content">
        <div class="content-top">
           <div class="user-info">
               <div class="left">
                   <img src="images/zongdian.png">
               </div>
               <div class="right">
                   <h2 class="name">总店</h2>
                   <p>
                       <a href="javascript:;" class="user-type">认证中<span class="mui-icon mui-icon-arrowright"></span></a>
                       <a href="javascript:;" class="user-type">基础版<span class="mui-icon mui-icon-arrowright"></span></a>
                   </p>
               </div>
           </div>
        </div>
        <div class="ctrl-list">
            <ul class="mui-table-view ">
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        <span class="icon icon-set"></span>个人设置
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        <span class="icon icon-msg"></span>通知设置
                    </a>
                </li>
            </ul>
            <ul class="mui-table-view ">
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        <span class="icon icon-serve"></span>我的客服
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        <span class="icon icon-mind"></span>意见反馈
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        <span class="icon icon-me"></span>关于支付吧
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <nav class="footer-nav">
        <a href="javascript:;" class="tap-item">
            <span class="icon-nav nav-index"></span>
            <span class="text">首页</span>
        </a>
        <a href="javascript:;" class="tap-item">
            <span class="icon-nav nav-invoice"></span>
            <span class="text">单据</span>
        </a>
        <a href="javascript:;" class="tap-item">
            <span class="icon-nav nav-message"></span>
            <span class="text">消息</span>
        </a>
        <a href="javascript:;" class="tap-item active">
            <span class="icon-nav nav-user"></span>
            <span class="text">我的</span>
        </a>
    </nav>
</div>
</body>
</html>